<style type="text/css" media="screen">
	.home-block {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	#hero-text {
		text-align: center;
		font-size: 150%;
		font-weight: 100;
		font-style: italic;
	}
	#illustration {
	}
	#logos {
		text-align: center;
		font-size: 110%;
		font-weight: 100;
	}
	#logos img {
		opacity: 0.5;
	}
	#logos a:hover img {
		opacity: 1;
	}
	#instructions {
		
	}
</style>

<!-- Hero text -->
<div class="row home-block" id="hero-text">
	<div class="col-sm-12">
		EcoTaxa是一个web应用程序，致力于通过可视化图片检索和分类学注释来展现浮游生物多样性之美。
	</div>
</div>

<!-- Illustration -->
<div class="row home-block" id="illustration">
	<div class="col-sm-12">
		<img src="/static/home/montage_plankton.jpg" width="100%" alt="plankton">
	</div>
</div>

<!-- Logos -->
<div class="row home-block" id="logos">
  <div class="col-sm-3">
  	<p><a href="http://www.obs-vlfr.fr" title="&gt; - Observatoire Oceanologique de Villefranche sur Mer"><img src="/static/home/logo-oov-t-v8-5.png" height="80" alt="Logo Oov T V8 5"><br>
		Observatoire Oceanologique de Villefranche-sur-mer</a></p>
  </div>
  <div class="col-sm-3">
  	<p><a href="http://www.sb-roscoff.fr" title="Station Biologique de Roscoff - CNRS UPMC - Roscoff France"><img src="/static/home/logo_roscoff.png" height="80" alt="Logo Roscoff"><br>Station Biologique de Roscoff</a></p>
  </div>
  <div class="col-sm-3">
		<p><a href="http://www.oceanomics.eu" title="Welcome to Oceanomics, understand the richness of oceanic plankton"><img src="/static/home/oceanomics.png" height="80" alt="Oceanomics Logo Horizontal"><br>Oceanomics</a></p>
	</div>
  <div class="col-sm-3">
		<p><a href="http://face-foundation.org/partner-university-fund/" title="Partner University Fund"><img src="/static/home/logo_puf_180.png" height="80" alt="PUF logo"><br>Partner University Fund</a></p>
	</div>
</div>

